// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

@use "refactor/common-refactor.scss" as deprecated;
@use "../../../sidebar/common/sidebar.scss" as sidebar;

.grid-cell-menu-container {
  @include deprecated.flexColumn;
  margin-top: deprecated.$s-8;
  gap: deprecated.$s-16;
}

.grid-cell-menu {
  @include sidebar.option-grid-structure;
}

.grid-cell-menu-title {
  grid-column: span 8;
  font-size: deprecated.$fs-11;
}

.grid-cell-menu-container {
  grid-column: span 8;
}

.row {
  @include deprecated.flexRow;
}

.cell-mode :global(label) {
  padding: 0 deprecated.$s-12;
}

.edit-grid-btn {
  @extend .button-secondary;
  @include deprecated.uppercaseTitleTipography;
  width: 100%;
  padding: deprecated.$s-8;
}

.area-input {
  @extend .input-element;
  @include deprecated.bodySmallTypography;
  width: 100%;
  padding: deprecated.$s-8;
}

.grid-coord-group {
  @include deprecated.flexRow;
  border-radius: deprecated.$br-8;
  padding-left: deprecated.$s-4;
  background-color: var(--input-background-color);
}

.icon svg {
  @extend .button-icon;
  stroke: var(--icon-foreground);
}

.coord-input {
  @extend .input-element;
  @include deprecated.bodySmallTypography;
  border-radius: 0 deprecated.$br-8 deprecated.$br-8 0;
  border-left: deprecated.$s-1 solid var(--panel-background-color);
}
